<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="./js/jquery-1.12.4.min.js"></script>
    <!-- 导包顺序：先导vue再导入axios-->
    <script src="./js/vue.min.js"></script>
    <script src="./js/axios.min.js"></script>
    <script>
//        同源策略：前端默认部支持跨域(不同源)
//        同源：同域名 同ip 同端口
        window.onload = function (){
                
            axios({
                    url:'http://t.weather.sojson.com/api/weather/city/101010100',
                    responseType:'json'
                })
                .then(function (response) {
                    
                    console.log(response)
                })
                .catch(function (err) {
                    console.log(err)
                })
            }


        //         $.ajax({
        //                 // 1.url 请求地址
        //                 url:'http://t.weather.sojson.com/api/weather/city/101010100',
        //                 // 2.type 请求方式，默认是'GET'，常用的还有'POST'
        //                 type:'GET',
        //                 // 3.dataType 设置返回的数据格式，常用的是'json'格式
        //                 dataType:'json',
        //                 // 4.data 设置发送给服务器的数据, 没有参数不需要设置

        //                 // 5.success 设置请求成功后的回调函数
        //                 success:function (response) {
        //                     console.log(response);    
        //                 },
        //                 // 6.error 设置请求失败后的回调函数
        //                 error:function () {
        //                     alert("请求失败,请稍后再试!");
        //                 },
        //                 // 7.async 设置是否异步，默认值是'true'，表示异步，一般不用写
        //                 async:true
        //         });
        // }
    </script>
</head>
<body>
    
</body>
</html>